<template>
    <div>
        <div class="shou_1">
            <router-link to="/wode"><img src="../img/b22.png"></router-link>
            <p>收货地址<span>新增地址</span></p>
        </div>
        <div class="shou_2">
            <div class="shou_2_1">
                <h4>北京涉外经济学院宿舍4号楼</h4>
                <p class="p1">涉外经济学院宿舍4号楼</p>
                <p class="p2">张**(先生) 12345678912</p>
            </div>
            <div class="shou_2_2">
                <img src="../img/b24.png">
            </div>
        </div>
    </div>
</template>

<script>
</script>

<style scoped>

    .body html{
        background: #f5f5f5;
    }
    .shou_1{
        height: 100px;
        background: #0090ff;
        font-size: 20px;
        color:#fff;
        display: flex;
    }
    .shou_1 img{
        width: 52%;
        height: 28%;
        padding-top:73%;
        padding-left:10%;
    }
    .shou_1 p{
        padding-top:10%;
        padding-left:5%;
        font-weight: 600;
        font-size: 22px;
    }
    .shou_1 span{
        padding-left:138px;
    }
    .shou_2{
        display: flex;
    }
    .shou_2_1{
        text-align: left;
    }
    .shou_2_1 h4{
        font-size: 18px;
        font-weight: 600;
        padding-top:20px;
        padding-left:20px;
    }
    .shou_2_1 .p1{
        font-size: 18px;
        font-weight: 600;
        padding-top:4px;
        padding-left:20px;
    }
    .shou_2_1 .p2{
        margin-top:10px;
        padding-left:20px;
        color:#999999;
    }
    .shou_2_2 img{
        padding-left:100px;
        width: 20%;
        height: 37%;
        padding-top:30px;
    }
</style>